.h-timeline-font-title {
  font-size: 18px;
  line-height: 1.5;
  color: #1e1e1e;
  font-weight: bold;
}
.h-timeline-font-subtitle {
  font-size: 16px;
  line-height: 1.5;
  color: #1e1e1e;
  font-weight: bold;
}
.h-timeline-font-text {
  font-size: 14px;
  line-height: 1.5;
  color: #3c3c3c;
}
.h-timeline-font-form-text {
  font-size: 12px;
  line-height: 1.5;
  color: #3c3c3c;
}
.h-timeline-font-info {
  font-size: 12px;
  line-height: 1.5;
  color: #646464;
}
.h-timeline-font-help {
  font-size: 12px;
  line-height: 1.5;
  color: #969696;
}
.h-timeline-font-disabled {
  font-size: 12px;
  line-height: 1.5;
  color: #bcbcbc;
}
.h-timeline-font-link {
  font-size: 12px;
  line-height: 1.5;
  color: #0093eb;
}
.h-timeline-root .h-timeline-content {
  font-size: 14px;
  color: #3c3c3c;
  line-height: 1.5;
  color: #646464;
}
.h-timeline-root .h-timeline-item {
  list-style: none;
  position: relative;
  padding: 0 0 26.5px;
}
.h-timeline-root .h-timeline-item.h-timeline-right {
  padding-left: 28px;
  text-align: left;
}
.h-timeline-root .h-timeline-item.h-timeline-right.h-timeline-custom-dot {
  padding-left: 36px;
}
.h-timeline-root .h-timeline-item.h-timeline-left {
  padding-right: 28px;
  text-align: right;
}
.h-timeline-root .h-timeline-item.h-timeline-left.h-timeline-custom-dot {
  padding-right: 36px;
}
.h-timeline-root .h-timeline-line {
  position: absolute;
  width: 2px;
  height: 100%;
  background: #e6e6e6;
  top: 7px;
}
.h-timeline-root .h-timeline-item:last-child .h-timeline-line {
  display: none;
}
.h-timeline-root .h-timeline-head {
  box-sizing: content-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0093eb;
  color: #0093eb;
  top: 3.5px;
}
.h-timeline-root .h-timeline-head svg {
  vertical-align: top;
}
.h-timeline-root .h-timeline-item.h-timeline-success .h-timeline-head {
  border-color: #18be6a;
  color: #18be6a;
}
.h-timeline-root .h-timeline-item.h-timeline-error .h-timeline-head {
  border-color: #f5222d;
  color: #f5222d;
}
.h-timeline-root .h-timeline-item.h-timeline-warning .h-timeline-head {
  border-color: #f56a00;
  color: #f56a00;
}
.h-timeline-root .h-timeline-custom-dot .h-timeline-head {
  width: 16px;
  height: 16px;
  border: none;
}
.h-timeline-root .h-timeline-left .h-timeline-line {
  right: 5px;
}
.h-timeline-root .h-timeline-left.h-timeline-custom-dot .h-timeline-line {
  right: 7px;
}
.h-timeline-root .h-timeline-left .h-timeline-head {
  right: 0;
}
.h-timeline-root .h-timeline-right .h-timeline-line {
  left: 5px;
}
.h-timeline-root .h-timeline-right.h-timeline-custom-dot .h-timeline-line {
  left: 7px;
}
.h-timeline-root .h-timeline-right .h-timeline-head {
  left: 0;
}
.h-timeline-root .h-timeline-alternate.h-timeline-left {
  padding-right: 52%;
}
.h-timeline-root .h-timeline-alternate.h-timeline-right {
  padding-left: 52%;
}
.h-timeline-root .h-timeline-alternate .h-timeline-line,
.h-timeline-root .h-timeline-alternate .h-timeline-head {
  left: 50%;
  transform: translateX(-50%);
}
